.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5ee;
  border-radius: 4px;
  font-family: "微软雅黑";
  font-size: 0;
  color: $text-secondary-color;

  > .icon {
    color: #888888;
    font-size: 16px;
    text-align: center;
    margin-right: $space-v-sm;
  }

  a {
    color: $text-secondary-color;
    text-decoration: none;
  }

  > li {
    display: inline-block;
    color: $text-secondary-color;
    font-size: 12px;

    &.active {
      color: $primary-color;
    }

    &:not(:last-child)::after{
      padding: 0 5px;
      font-family:"bricks-icon" !important;
      // content: "";
      content: "\e626";
    }
  }

  > li.pill a {
    display: inline;
    padding: 3px 5px;
    border: 1px solid #d5d5d5;

    .icon-close-thin {
      font-size: 9px;
      margin-left: 3px;
      margin-bottom: 2px;
    }

    &:hover {
      color: $primary-color;
      border-color: $primary-color;
      .icon-close-thin:before {
        color: $primary-color;
        display: inline-block;
        content: "\e608";
      }
    }
  }
}



